<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>我的个人博客</title>
    <link rel="stylesheet" href="style.css">
</head>
<body>
    <header>
        <h1>欢迎来到我的博客</h1>
        <nav>
            <ul>
                <li><a href="#home">首页</a></li>
                <li><a href="#about">关于我</a></li>
                <li><a href="#contact">联系我</a></li>
            </ul>
        </nav>
    </header>
    <main>
        <section class="carousel">
            <div class="carousel-inner">
                <img src="./picture1.jpg" class="carousel-item active" alt="图片1">
                <img src="./picture2.jpg" class="carousel-item" alt="图片2">
                <img src="./picture3.jpg" class="carousel-item" alt="图片3">
            </div>
            <button class="carousel-control prev" onclick="prevSlide()">&#10094;</button>
            <button class="carousel-control next" onclick="nextSlide()">&#10095;</button>
        </section>
        <section class="blog-content">
            <h2>最新文章</h2>
            <article>
                <h3>文章标题一</h3>
                <p>这是文章一的内容摘要...</p>
            </article>
            <article>
                <h3>文章标题二</h3>
                <p>这是文章二的内容摘要...</p>
            </article>
        </section>
    </main>
    <footer>
        <p>&copy; 2025 我的个人博客</p>
    </footer>
    <script src="script.js"></script>
</body>
</html>
